<!--档案沿革-->
<template>
  <div class="archival-evolution">
    <a-card size="small" :headStyle="{ background: '#f9f9f9' }" :bodyStyle="{ height: 'calc(100% - 48px)', padding: '12px 12px 0' }">
      <div slot="title">
        <div class="top-icon">
          <icon-font type="icon-danweiyange" />
        </div>
        <span>档案沿革</span>
      </div>
      <div slot="extra">
        <a-button type="primary" icon="plus" class="icon-button">档案沿革</a-button>
      </div>
      <!-- 沿革表格 -->
      <el-table
        :data="evolutionTableData"
        highlight-current-row
        border
        height="calc(100% - 40px)"
        :row-style="{height:'40px'}"
        :cell-style="{padding:'0px'}"
        :header-cell-style="{background: '#FAFAFA', padding: 0, height: '40px', color: '#666666'}"
        style="width: 100%">
        <slot v-for="(item,index) in evolutionColumns">
          <el-table-column
            :key="index"
            :property="item.field"
            :label="item.title"
            :width="item.width"
            show-overflow-tooltip
            sortable>
          </el-table-column>
        </slot>
      </el-table>
      <!-- 回收站分页 -->
      <div class="pagination">
        <a-pagination :default-current="4" :total="50" show-less-items />
      </div>
    </a-card>
  </div>
</template>

<script>
export default {
  name: 'ArchivalEvolution',
  components: {
  },
  data () {
    return {
      evolutionTableData: [
        {
          Index: '1',
          Code: '1984-DQ-001',
          Evolution: '甲骨档案',
          CreateTime: '2020-06-19',
          Op_ID: 'admin',
          Remake: '111'
        },
        {
          Index: '2',
          Code: '1984-DQ-002',
          Evolution: '金石档案',
          CreateTime: '2020-06-19',
          Op_ID: 'test',
          Remake: '222'
        },
        {
          Index: '3',
          Code: '1984-DQ-003',
          Evolution: '纸质档案',
          CreateTime: '2020-06-19',
          Op_ID: 'admin',
          Remake: '333'
        },
        {
          Index: '4',
          Code: '1984-DQ-004',
          Evolution: '电子档案',
          CreateTime: '2020-06-19',
          Op_ID: 'test',
          Remake: '444'
        }
      ],
      evolutionColumns: [
        {
          title: '顺序号',
          field: 'Index'
        },
        {
          title: '档号',
          field: 'Code'
        },
        {
          title: '载体沿革',
          field: 'Evolution'
        },
        {
          title: '创建时间',
          field: 'CreateTime'
        },
        {
          title: '操作员',
          field: 'Op_ID'
        },
        {
          title: '备注',
          field: 'Remake'
        }
      ]
    }
  },
  created () {},
  mounted () {},
  methods: {}
}
</script>

<style lang="less" scoped>
.archival-evolution {
  width: 100%;
  height: 100%;
  padding: 10px 10px 0;
  background: #f0f2f5;
  .pagination {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
</style>
